<!DOCTYPE HTML>
<html>
<head>
<title>Single</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Lookz Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />

<link href="/css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="/css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link rel="stylesheet" href="/css/etalage.css">

<link href="/css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
	.active {
		display: inline-block;
	}
	.active img {
		border: 1px solid;
	}
</style>

<script src="/lib/requirejs/require.js" data-main="/js/detail"></script>
</head>
<body>
<div class="wrap">	
<div class="container">
    <header></header>

<div class="content">
  <div class="content_box">
	
	<footer></footer>
   </div>
</div>	

<!-- 详情模板 -->
<script type="text/html" id="detail_template">
	<div class="men">
	  <div class="single_top">
	       <div class="col-md-9 single_right">
	       		<!-- 放大镜 -->
	   	       	<div class="grid images_3_of_2">
	   	       		<!-- 显示中图 -->
					<img src="{{img[0].middle}}" data-zoom-image="{{img[0].big}}" alt="" class="middle-zoom">
					<!-- 显示小图 -->
					<div id="gal1">
						{{each img curr}}
						<a href="#" data-image="{{curr.middle}}" data-zoom-image="{{curr.big}}">
							<img src="{{curr.small}}" alt="">
						</a>
						{{/each}}
					</div>
					<div class="clearfix"></div>		
				</div> 
				<!-- 放大镜 -->
				
				<div class="desc1 span_3_of_2">
					<span class="hidden prod_id">{{id}}</span>
				    <h1 class="prod_title">{{title}}</h1>
				    <p class="m_5 prod_price">{{price}}</p>
				    <div class="btn_form">
						<form>
							<input type="submit" value="buy" title="" class="btn-buy">
						</form>
					 </div>
					 <span class="m_link"><a href="#">login to save in wishlist</a> </span>
					 <p class="m_text2">{{desc}}</p>
				  </div>
				  <div class="clearfix"></div>	
       </div>
       <div class="col-md-3 carousel-box"></div>
      <div class="clearfix"> </div>
     </div>
       <div class="toogle">
     	<h2>Product Details</h2>
     	<p class="m_text2">{{details}}</p>
     </div>
     <div class="toogle">
     	<h2>More Information</h2>
     	<p class="m_text2">{{more}}</p>
     </div>
     <h4 class="head_single">Related Products</h4>
             <div class="single_span_3">
	          	 <div class="col-sm-3 span_4">
	          	     <img src="/images/m6.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			     </div> 
				 <div class="col-sm-3 span_4">
	          	     <img src="/images/m1.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			      </div> 
				  <div class="col-sm-3 span_4">
	          	     <img src="/images/pic7.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			      </div> 
				  <div class="col-sm-3 span_4">
	          	     <img src="/images/pic8.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			      </div> 
				  <div class="clearfix"></div>
	     </div>
    </div>
</script>
<link href="/css/flexslider.css" rel='stylesheet' type='text/css' />

</body>
</html>		